<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Basic Page Needs
	================================================== -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>HIDEO HTML5, CSS3, responsive, Bootstrap 3 website
	template</title>
</head>
<body class="header1 activateAppearAnimation">
	<!-- Primary Page Layout 
	===============================s=================== -->
	<!-- globalWrapper -->
	<div id="globalWrapper">
		<jsp:include page="core/template/HEADER_LOGIN.jsp"></jsp:include>
		<header class="page-header">
			<div class="container">
				<div class="row">
					<div class="col-sm-6">
						<h1>Assign Job</h1>
					</div>

				</div>
			</div>
		</header>
		<!-- Content -->
		<section id="content" class="mt15 pb15">
			<div class="container">

				<div class="row">

					<!-- Left Menu -->
					<div class="col-md-2">
						<div>
							<div data-nekoanim="fadeInUp" data-nekodelay="10">
								<article>
									<div>
										<img src="custom/images/freelance/profileFreelance/jae.jpg"
											alt="" class="img-responsive img-thumbnail">
									</div>
								</article>
							</div>
							<br>
						</div>
						<ul class="nav nav-pills nav-stacked">
							<li class="active borderli"><a href="#history"
								data-toggle="tab"><i class="icon-spinner"></i>
									ประวัติส่วนตัว</a></li>
							<li class="borderli"><a href="#education" data-toggle="tab"><i
									class="icon-user-1"></i> ข้อมุลการศึกษา</a></li>
							<li class="borderli"><a href="#ability" data-toggle="tab"><i
									class="icon-suitcase"></i> ทักษะความสามารถ</a></li>
							<li class="borderli"><a href="#exp" data-toggle="tab"><i
									class="icon-folder-open-empty"></i> ประวัติการทำงาน</a></li>

						</ul>
					</div>
					<!-- End Left Menu -->

					<!-- Content -->
					<div class="col-md-10 color0 ctaBox" style="min-height: 660px;">
						<div class="tab-content">

							<div class="tab-pane fade in active" id="history">
								<div class="row mb05">
									<div class="col-md-12">
										<h2>ประวัติส่วนตัว</h2>
									</div>
								</div>

								<div class="row mt15">

									<div class="col-md-12 mb05">
										<div class="col-md-3 col-sm-3 col-xs-3">
											<b>ชื่อ-นามสกุล :</b>
										</div>
										<div class="col-md-9 col-sm-9 col-xs-9">นายวิชาญ
											ชัยจำรัส</div>
									</div>
									<div class="col-md-12 mb05">
										<div class="col-md-3">
											<b>วัน/เดือน/ปีเกิด :</b>
										</div>
										<div class="col-md-9">12 มีนาคม 2557</div>
									</div>
									<div class="col-md-12 mb05">
										<div class="col-md-3">
											<b>อายุ :</b>
										</div>
										<div class="col-md-9">27 ปี</div>
									</div>
									<div class="col-md-12 mb05">
										<div class="col-md-3">
											<b>เพศ :</b>
										</div>
										<div class="col-md-9">ชาย</div>
									</div>
									<div class="col-md-12 mb05">
										<div class="col-md-3">
											<b>วันที่สมัครสมาชิก :</b>
										</div>
										<div class="col-md-9">20 พฤษภาคม 2557</div>
									</div>
									<div class="col-md-12 mb05">
										<div class="col-md-3">
											<b>เบอร์โทรศัพท์ :</b>
										</div>
										<div class="col-md-9">053-495908</div>
									</div>
									<div class="col-md-12 mb05">
										<div class="col-md-3">
											<b>เบอร์มือถือ :</b>
										</div>
										<div class="col-md-9">085-0101507</div>
									</div>
									<div class="col-md-12 mb05">
										<div class="col-md-3">
											<b>แฟกซ์ :</b>
										</div>
										<div class="col-md-9">053-495908</div>
									</div>
									<div class="col-md-12 mb05">
										<div class="col-md-3">
											<b>อีเมล :</b>
										</div>
										<div class="col-md-9">wittayayon@hotmail.com</div>
									</div>
									<div class="col-md-12 mb30">
										<div class="col-md-3">
											<b>รายละเอียดเพิ่มเติม : </b>
										</div>
										<div class="col-md-9">มีประสบการณ์ในการออกแบบกราฟิกดีไซน์
											เว็บดีไซน์ มากกว่า 5 ปี รับออกแบบสิ่งพิมพ์ แพกเกจ โลโก้
											corporate website, e-commerce website, motion design,
											presentation อย่างมืออาชีพ รับผิดชอบงาน ตรงต่อเวลา</div>
									</div>
									<div class="col-md-12">
										<p align="center">
											<button type="button"
												class="btn btn-labeled btn-success font4">
												<span class="btn-label"><i class="icon-plus-circled"></i></span>เติมเงินเข้าระบบ
											</button>
										</p>
										<p></p>
									</div>
								</div>

							</div>
							<div class="tab-pane fade in" id="education"></div>
							<div class="tab-pane fade in" id="ability"></div>
							<div class="tab-pane fade in" id="exp"></div>
						</div>
					</div>

				</div>
			</div>
		</section>
		<!-- End Content -->


		<!-- End Content -->

		<jsp:include page="core/template/FOOTER.jsp" />
		<!-- ======================================= content ======================================= -->

	</div>
	<!-- global wrapper -->
	<!-- End Document 
	================================================== -->
</body>
</html>
